<template>
	<view>
		<view class="xiaoqingxu1">
			<image src="../../static/user/user_yidainqingxu.png" mode=""></image>
			<text>一点小情绪</text>
			<text>昨天 12:55</text>
		</view>
		<view class="file1">
			<image src="../../static/user/file.png" mode=""></image>
			<text>2020.02.20.xlsx</text>
		</view>
	
		<view class="pugongying1">
			<image src="../../static/user/ueser-pugongying.png" mode=""></image>
			<text>蒲公英</text>
			<text>03-09 12:11</text>
		</view>
		<view class="file1">
			<image src="../../static/user/file.png" mode=""></image>
			<text>lala.xlsx</text>
		</view>
	
		<view class="xiaoqingxu2">
			<image src="../../static/user/user_yidainqingxu.png" mode=""></image>
			<text>一点小情绪</text>
			<text>03-10 12:55</text>
		</view>
		<view class="file3">
			<image src="../../static/user/file.png" mode=""></image>
			<text>lala.xlsx</text>
		</view>
			
		<view class="pugongying2">
			<image src="../../static/user/ueser-pugongying.png" mode=""></image>
			<text>蒲公英</text>
			<text>03-08 11:12</text>
		</view>
		<view class="file4">
			<image src="../../static/user/file.png" mode=""></image>
			<text>哈哈哈哈哈.xlsx</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
			}
	}
</script>

<style>
	image {
		padding-left: 30rpx;
		padding-right: 20rpx;
		width: 38rpx;
		height: 38rpx;
	}
	
	.xiaoqingxu1 {
		padding-top: 44rpx;
		display: flex;
	}
	
	.xiaoqingxu1 text {
		font-size: 28rpx;
		font-weight: 500;
		color: #666;
	}
	
	.xiaoqingxu1 text:last-child {
		padding-left: 360rpx;
	}
	
	.file1 {
		display: flex;
		padding-top: 30rpx;
	}
	
	.file1 image {
		width: 76rpx;
		height: 86rpx;
	}
	
	.file1 text {
		color: #333333;
		font-size: 30rpx;
		font-weight: 500;
		padding-top: 10rpx;
	}
	
	.pugongying1 {
		padding-top: 60rpx;
		display: flex;
	}
	
	.pugongying1 text {
		font-size: 28rpx;
		font-weight: 500;
		color: #666;
	}
	
	.pugongying1 text:last-child {
		padding-left: 400rpx;
	}
	
	.file2 {
		display: flex;
		padding-top: 30rpx;
	}
	
	.file2 image {
		width: 76rpx;
		height: 86rpx;
	}
	
	.file2 text {
		color: #333333;
		font-size: 30rpx;
		font-weight: 500;
		padding-top: 10rpx;
	}
	
	.xiaoqingxu2 {
		padding-top: 60rpx;
		display: flex;
	}
	
	.xiaoqingxu2 text {
		font-size: 28rpx;
		font-weight: 500;
		color: #666;
	}
	
	.xiaoqingxu2 text:last-child {
		padding-left: 350rpx;
	}
	
	.file3 {
		display: flex;
		padding-top: 30rpx;
	}
	
	.file3 image {
		width: 76rpx;
		height: 86rpx;
	}
	
	.file3 text {
		color: #333333;
		font-size: 30rpx;
		font-weight: 500;
		padding-top: 10rpx;
	}
	
	.pugongying2 {
		padding-top: 60rpx;
		display: flex;
	}
	
	.pugongying2 text {
		font-size: 28rpx;
		font-weight: 500;
		color: #666;
	}
	
	.pugongying2 text:last-child {
		padding-left: 410rpx;
	}
	
	.file4 {
		display: flex;
		padding-top: 30rpx;
	}
	
	.file4 image {
		width: 76rpx;
		height: 86rpx;
	}
	
	.file4 text {
		color: #333333;
		font-size: 30rpx;
		font-weight: 500;
		padding-top: 10rpx;
	}
</style>
